let icons = document.querySelectorAll('.header .wrapper .icon  img')
const imgs = [
    './images/hr_serach.png',
    './images/hr_home.png',
    './images/hr_group.png',
    './images/hr_wj.png'
]
const imgsh = [
    './images/hr_serach_h.png',
    './images/hr_home_h.png',
    './images/hr_group_h.png',
    './images/hr_wj_h.png'
]
for (let i = 0; i < icons.length; i++) {
    icons[i].addEventListener('mouseenter', function () {
        icons[i].setAttribute('src', imgsh[i])
    })
}
for (let i = 0; i < icons.length; i++) {
    icons[i].addEventListener('mouseleave', function () {
        icons[i].setAttribute('src', imgs[i])
    })
}